<template>
	<div class="secondnav">
    <div :class='iskedou=="index"?"jqname jqnamekedou":"jqname"'>
      <h3></h3>
      <span></span>
    </div>
		<ul class="ts01">
			<li :class="urlname=='zlgjindex'?'panel layui-this':'panel'"  @click="tz('zlgjindex')"><span>首页</span></li>
			<li :class="urlname=='kehu'?'panel layui-this':'panel'"  @click="tz('kehu')"><span>客户体系</span></li>
			<li :class="urlname=='xiaoshou'?'panel layui-this':'panel'"  @click="tz('xiaoshou')"><span>销售数据</span></li>
		</ul>
		<ul class="ts02">
			<li :class="urlname=='yhqtj'?'panel layui-this':'panel'"  @click="tz('yhqtj')"><span>优惠券数据</span></li>
			<li :class="urlname=='shoptj'?'panel layui-this':'panel'"  @click="tz('shoptj')"><span>门店体系</span></li>
			<li :class="urlname=='phbtj'?'panel layui-this':'panel'" @click="tz('phbtj')"><span>排行榜</span></li>
		</ul>
	</div>

</template>
<script>
	export default {
	  name:'secondnav',
	  props: {
      urlname:'',
      
	  },
	  data () {
	    return {
	    	navlist:[{name:'',url:''}],
        iskedou:''
	    }
	  },
	  mounted(){
	  	$(".secondnav h3").text(webtitle+"公共服务平台")
	  	var kedou=localStorage.getItem("webtype")
      this.iskedou=kedou;
	  	if(kedou!='index'){
	  		$(".jqname span").text("温州五马禅街")
	  	}
	  },
	  methods: {
 		tz:function(url){
 			this.$router.push({
	 			name:url
	 		})
 		}
	  },
	}
</script>
<style scoped>
	.secondnav{position:absolute;top:50px;text-align: center;width:100%;height:50px;overflow:hidden; z-index: 10000;}
	.secondnav ul{display:inline-block; vertical-align: middle;position:absolute;top:0; z-index: 10000000;}
	.secondnav ul.ts01{left:1%;}
	.secondnav ul.ts02{right:1%;}
	.secondnav ul li{height:50px;line-height: 50px;text-align:center;width:120px;display:inline-block;margin:0 10px; vertical-align: middle;font-size:14px;color:#09c5ce;cursor:pointer;}
	.secondnav ul li.layui-this span{color:#fff;}
	.secondnav ul li span{position: absolute;left:-5.2rem;top:-2.125rem;display:block;height:50px;line-height: 50px;width:120px;}
  .jqname{position:fixed;width:100%;top:25px;text-align: center;color:#09c5ce;z-index: 10000;font-size:20px;}
  .jqname h3{display:block;font-size:24px;padding-bottom:5px;}
  .jqnamekedou span{display:none;}
  .jqnamekedou h3{padding-top:20px;}
</style>
